<template>
	<view class="container" @tap="navigateToSearch">
		<image src="/static/icon/search.png" style="width: 35rpx; height: 35rpx;"></image>
		<text class="tips">搜索商品名称</text>
	</view>
</template>

<script>
	export default {
		methods: {
			navigateToSearch() {
				uni.navigateTo({
					url: '/pages/search/search'
				})
			},
		}
	}
</script>

<style scoped>
	.container {
		/* #ifdef H5 || MP-WEIXIN */
		display: flex; 
		/* #endif */
		flex-direction: row;
		align-items: center; 
		padding-top: 10rpx; 
		padding-bottom: 10rpx; 
		padding-left: 16rpx; 
		padding-right: 16rpx; 
		background-color: #F6F6F6; 
		border-radius: 30rpx; color: #A3A3A3;
	}
	.tips {
		font-size: 30rpx;
		line-height: 30rpx; 
		margin-left: 10rpx; 
		color: #B7B7B7;
		flex: 1;
	}
</style>
